<template>
    <div class="input-number-append">
        <slot></slot>
        <div class="append-wrap">
            <slot name="append"></slot>
        </div>
    </div>
</template>

<script>
export default {
    name: 'InputNumberAppend'
}
</script>

<style>
.input-number-append {
    display: flex;
}
.input-number-append .ivu-input-number {
    flex: 1;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.input-number-append .append-wrap {
    padding: 4px 7px;
    font-size: inherit;
    font-weight: 400;
    line-height: 22px;
    color: #515a6e;
    text-align: center;
    background-color: #f8f8f9;
    border: 1px solid #dcdee2;
    border-left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    white-space: nowrap;
}
.input-number-append .append-wrap .ivu-checkbox-wrapper {
    line-height: 22px;
}
.input-number-append .append-wrap .ivu-checkbox-wrapper .ivu-checkbox {
    vertical-align: text-top;
}
</style>